<script>
export default {
  name: "add",
  methods: {
    clickAdd() {
      this.$emit('clickAdd')
    }
  },
}
</script>

<template>
  <view class="label flex align-center justify-center" @click.stop="clickAdd">
    <view class="text">
      点击添加
    </view>
  </view>
</template>

<style scoped lang="scss">
.label {
  width: 117rpx;
  height: 220rpx;
  background: #6EA0FC;
  border-radius: 15rpx 15rpx 15rpx 15rpx;

  .text {
    width: 60rpx;
    height: 42rpx;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 30rpx;
    color: #FFFFFF;
  }
}

.first {
  right: 0;
}

.last {
  left: 0;
}

.top {
  position: absolute;
  height: 2rpx;
  background: #707070;
}
</style>